<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础练习2</title>
</head>

<body>
    <h1>基础练习2</h1>
    <section>
        <h2>文本语义元素</h2>
        <h3>a元素</h3>
        <p>
            <a href="https://baike.baidu.com/item/%E7%89%9B%E5%A5%B6%E6%9E%9C#hotspotmining/">牛奶果</a>
        </p>
        <p>
            <a href="https://baike.baidu.com/item/%E7%89%9B%E5%A5%B6%E6%9E%9C#1">牛奶果的某个目录</a>
            <p>
                <strong>众志成城，齐心协力</strong> <small>我是一只小小小小鸟，想要飞呀飞不高</small>
            </p>
            <p>那个男人说<q>事情不能再拖了</q>。我也赞同他的观点。</p>
            <p>doit.im 是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件，用来帮助用户进行任务管理。
            </p>
            <code>
     doit.im 是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件，用来帮助用户进行任务管理。
    </code>
            <p>使用快捷键<kbd>Ctrl + S </kdb>保存文档。</p>
            <h4>这是一个主标题<br>这是一个副标题</h4>
    </section>
    <section>
        <h2>编辑相关元素</h2>
        <h3>del元素</h3>
        <ul>
            <li>Empty the dishwasher</li>
            <li><ins datetime="2009-10-11T01:25-07:00">Watch Walter Lewin's lectures</ins></li>
            <li><del datetime="2009-10-10T23:38-07:00">Download more tracks</del></li>
            <li>Buy a printer</li>
        </ul>
    </section>
    <section>
        <h2>嵌入的相关元素</h2>
        <h3>picture元素</h3>
        <picture>
            <source srcset="https://p3.ssl.qhimgs1.com/sdr/400__/t01ca9ef5a36c8885fd.jpg" media="(max-width: 768px)">
            <source
                srcset="http://dingyue.nosdn.127.net/zOGD9r8xIhYkH8ky=LiKRGHZbvDmstCNUxhxh3rzt3aqf1501677411563.jpg">
            <img srcset="http://dingyue.nosdn.127.net/zOGD9r8xIhYkH8ky=LiKRGHZbvDmstCNUxhxh3rzt3aqf1501677411563.jpg"
                alt="My default image">
        </picture>
        <p>
            <img src="http://ent.k618.cn/gdxw/201607/W020160717508041958419.jpg" alt="李易峰"> </p>
        <iframe src="http://www.vivo.com/" width="987" height="168"></iframe>
    </section>
</body>

</html>
